@import url(./base.less);
body{
  background-color: #f6f6f6;
}
li{
  list-style: none;
}
.header {
  position: fixed;
  z-index: 99;
  top: 0 ;
  left: 0;
  width: 100%;
  font-size: 4.2667vw;
  text-align: center;
  height: 13.3333vw;
  line-height: 13.3333vw;
  background-color:#fff;
  font-weight: 700;
  i{
    position: absolute;
    top: 0;
    left: 3.6667vw;
    font-weight: 500;
    font-size: 5.2667vw;
  }
}

.main{
  margin-top: 13.3333vw;
  width: 100%;
  .nav{
    height: 13.3333vw;
    background-color: #fff;
    display: flex;
    div{
      cursor: pointer;
      position: relative;
      text-align: center;
      line-height: 13.3333vw;
      width: 25%;
      i{
        display: none;
        position: absolute;
        height: 0.2667vw;
        bottom: 11.6vw;
        left: 9vw;
      }
    }
    .active{
      position: relative;
      color: #fc4529;
      font-weight: 700;
      i{
        display:block;
        position: absolute;
        bottom: 11.6vw;
        left: 9vw;
      }
    }
  }
  .box{
   width: 100%;
   .box_list{
    border-bottom: 1px solid #f3f3f3;
    padding: 0 2.6667vw;
    width: 100%;
    background-color: #fff;
    .box_list_top{
      padding-top: 1.3333vw;
      height: 8vw;
      line-height: 8vw;
      display: flex;
      img{
        border-radius: 50%;
        width: 6.6667vw;
        height: 6.6667vw;
      }
      .name{
        margin:0 4vw;
      }
      .xin{
        color: #fc4529;
      }
      .time{
        margin-left: 5.3333vw;
      }
    }
    .title{
      display: inline-block;
      width: 100%;
      padding: 0 2.6667vw;
      height: 10vw;
    }
    .box_list_img{
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 5.3333vw;
     img{
      width: 24vw;
      height: 26.6667vw;
     }
    }
   }
  }
}